<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行高的继承</title>
    <style>
        
            body{
                color: aquamarine;
                /* 行高可以跟单位，也可以不跟单位 */
                /* font: 12px/24px 'Microsoft YaHei'; */
                font: 12px/1.5 'Microsoft YaHei';
            }
            div{
                /* 子元素继承父元素 body的行高  1.5*/
                /* 这个1.5就是当前元素文字大小 font-size的1.5倍 
                  所以当前div行高就是 21=14*1.5*/
                font-size: 14px;
            }
            p{
                /* 会继承body的行高    1.5*16=24(当前的行高)  */
                font-size: 16px;
            }

            /* li 没有指定大小  则会继承父亲的 文字大小  body12px  所以li的文字大小为12px */
    </style>
</head>
<body>
    <div>想减肥的c#</div>
    <p>想减肥的c#</p>
    <ul>
        <li>我没有指定文字大小</li>
    </ul>
</body>
</html>